<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <script src="/static/js/join_shop_car.js" type="text/javascript"></script>
    <title>购物车</title>
</head>
{% extends 'index.html' %}
<body>
<!--顶部样式-->
{% block content %}
    <!---->
    <!--位置-->
    <div class="Bread_crumbs">
        <div class="Inside_pages clearfix">
            <div class="right Search">
                <form>
                    <input name="" type="text" class="Search_Box"/>
                    <input name="" type="button" name="" class="Search_btn"/>
                </form>
            </div>
        </div>
    </div>
    <!--购物车样式-->
    <div class="Narrow">
        <div class="shop_cart">
            <div class="schedule"></div>
            <div class="cart_style">
                <div class="title_name">
                    <ul>
                        <li class="title_width">
                            <label class="auto-label">
                                <input type="checkbox"
                                       id="rememberMe" onclick="check_all(this);">
                                <span>全选</span>
                            </label>
                        </li>
                        <li class="title_width1">商品信息</li>
                        <li class="title_width2">单价</li>
                        <li class="title_width3">数量</li>
                        <li class="title_width4">小计</li>
                        <li class="title_width5">操作</li>
                    </ul>
                </div>
                <div class="list_style">
                    <div class="class_title">水果馆</div>
                    {% for product_in_car in shop_car_list %}

                        <ul class="product_cart">
                            <li class="title_width">
                                <input type="checkbox" name="rememberMe"
                                       onclick="shop_click(this);"
                                       product-id="{{ product_in_car.id }}" product-count="{{ product_in_car.count }}">
                            </li>
                            <li class="title_width1">
                                <a href="/product_detail/{{ product_in_car.id }}" class="product_img left"><img
                                        src="/static/product_img/{{ product_in_car.product_avatar }}"/></a>
                                <p class="cart_content">
                                    <a href="/product_detail/{{ product_in_car.id }}"
                                       class="title_name">{{ product_in_car.product_name }}</a>
                                </p>
                            </li>
                            <li class="title_width2">￥{{ product_in_car.price }}</li>
                            <li class="title_width3">
                                <div class="Numbers">
                                    <span id="number" class="number_text">{{ product_in_car.count }}</span>
                                </div>
                            </li>
                            <li class="title_width4">
                                ￥{{ (product_in_car.price|float *  product_in_car.count|int)|round(precision = 2) }}</li>
                            <li class="title_width5"><a href="javascript:;" onclick="remove_shop(this);"
                                                        product-id="{{ product_in_car.id }}">删除</a></li>
                        </ul>
                    {% endfor %}
                </div>
            </div>
            <!--操作-->
            <div class="cart_operating clearfix">
                <div class="cart_operating_style">
                    <div class="cart_price">商品总价：（不含运费）<b>￥{{ price_all }}</b></div>
                    <div class="cart_btn">
                        <a href="javascript:;" class="payment_btn" onclick="now_pay(this);"></a>
                        <a href="#" class="continue_btn"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部样式-->
{% endblock content %}
</body>
</html>
